<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>字符串常用方法</title>
    <style type="text/css" media="screen">

    </style>

</head>

<body>

    <script type="text/javascript">
        //1. 字符串输出三个数组   // ["width","200px"] ["height", "200px"] ["background", "red"]
        var str = 'width:200px;height:200px;background:red';
        //思路:1.先把;分割出去得到数组 2.遍历得到的数组取出每个值在分割:
        arr = str.split(';')
        console.log(arr);
        let arr2 = arr.map(item => {
            let arr1 = item.split(';')
            console.log(arr1);
            return arr1
        });
        console.log(arr2);

        //2.首字母转大写,其它小写  
        var str1 = 'I lOve yOu'; //输出 I Love You
        //思路:怎么找到首字母？ 1.分割成数组,找每个数组的第一个值
        arr3 = str1.split(" ")
        console.log(arr3);
        var arr4 =  arr3.map (item => {
            console.log(item[0].toUpperCase() + item.slice(1).toLowerCase());
            return item[0].toUpperCase() + item.slice(1).toLowerCase()
        })
        console.log(arr4.join(' '));

        //3.输出文件后缀类型
        //思路1:查找最后一个. 把点后面的截取出来
        //思路2:分割完取最后一个数组
        //后缀1 -输出txt 
        var file1 = '笔记.txt';
        let num =  file1.split('.').length
        let xz = file1.split('.')[num-1]
        console.log(xz);


        //后缀2 -输出js
        var jquery = 'jquery1.11.1.js';
        let num1 =  jquery.split('.').length
        let xz1 = jquery.split('.')[num1-1]
        console.log(xz1);

        //4.分割字符data,输出字符串类型:Tom,Mary,John
        var data = '||Tom||Mary||John||';
        // 思路:先分割字符串,在遍历数组进行拼接,在截取出来
        var date1 = data.split('||')

        var len = date1.length-1
        data1 = date1.slice(1,len).join()
        console.log(data1);

        //5.封装一个方法来模拟字符串indexOf('l',3)方法,找出第2次出现同样字符的位置,如l,输出8
        var chStr1 = "helo world";
   // 思路:对第二次出现的字符进行计数,如果等于2输出该位置
        function abc(str){
             console.log(str.lastIndexOf('l'));
        }
        abc(chStr1)
    </script>
</body>

</html>